<template>
	<view class="ikz-bid">
		<ikz-loading :css-data="loading_css"></ikz-loading>
		<view class="ikz-top-bg">
			<image class="ikz-top-bg-img" :src="service_img"></image>
		</view>
		<view class="title_txt">
			我的
		</view>
		<view>
			<ikz-login :show-data="loginData" :css-data="login_css"></ikz-login>
		</view>
		<view class="qianbox">
			<view class="qbbox" @click="toqianbao">
				<image src="/static/personal/bq.png" style="width: 100%;height: 100%;" mode=""></image>
			</view>
			<view class="yhbox" @click="toyouhui">
				<image src="/static/personal/yh.png" style="width: 100%;height: 100%;" mode=""></image>
			</view>
		</view>
		<!-- 接单中心 -->
		<!-- 	<view>
			<ikz-ordertop :order-number="number_info"></ikz-ordertop>
		</view> -->
		<!-- 接单员中心 -->
		<!-- <view class="ikz-menu-box" v-if="user_openinfo.auth||!user_info"> -->
		<!-- <view class="ikz-menu-box">
			<view class="ikz-menu-title">接单员中心</view>
			<ikz-menu :show-data="menu_data1" :css-data="menu_css"></ikz-menu>
		</view> -->
		<!-- 代理中心 -->
	<!-- 	<view class="ikz-menu-box" v-if="user_openinfo.bind_agent_id||!user_info">
			<view class="ikz-menu-title">代理中心</view>
			<ikz-menu :show-data="menu_data2" :css-data="menu_css"></ikz-menu>
		</view> -->
		<!-- 系统中心 -->
		<!-- <view class="ikz-menu-box">
			<view class="ikz-menu-title">系统中心</view>
			<ikz-menu :show-data="menu_data" :css-data="menu_css"></ikz-menu>
		</view> -->
		<!-- 退出登录 -->
		<!-- <view class="ikz-exit-but" @click="exitBut()" v-if="exitButTrue">退出登录</view> -->
		<!-- 备案号 -->
		<!-- <view class="main-statement" v-if="statement">备案号：{{ statement }}</view> -->
		<!-- <view class="default-height" style="width: 100%;height: 188rpx;"></view> -->

		<!-- 常用功能 -->
		<view class="changyongbox">
			<view class="centbox">
				<view class="gntxt" @click="goApply1">
					常用功能
				</view>
				<view class="tubiabox">
					<view class="itembox" v-for="(item,index) in menu_data3" :key="index" @click="tourl(item,index)">
						<image :src="item.src" style="width: 72rpx;height: 72rpx;border-radius: 24rpx;" mode=""></image>
						<view class="txt">
							{{item.title}}
						</view>
					</view>
				</view>
			</view>
			
			<!-- 客服 -->
			<view class="fuwucard">
				<view class="itembox1" @click="call">
					<view class="leftbox">
						<image src="/static/personal/user-kefu.png" style="width: 24rpx;height: 24rpx;" mode=""></image>
						<view class="title">
							校区客服
						</view>
					</view>
					<image src="/static/yjt.png" style="width: 28rpx;height: 28rpx;" mode=""></image>
				</view>
				<view class="itembox1" @click="tofankui">
					<view class="leftbox">
						<image src="/static/personal/user-fankui.png" style="width: 24rpx;height: 24rpx;" mode=""></image>
						<view class="title">
							反馈投诉
						</view>
					</view>
					<image src="/static/yjt.png" style="width: 28rpx;height: 28rpx;" mode=""></image>
				</view>
				<view class="itembox" @click="toguanyu">
					<view class="leftbox">
						<image src="/static/personal/user-guanyu.png" style="width: 24rpx;height: 24rpx;" mode=""></image>
						<view class="title">
							关于我们
						</view>
					</view>
					<image src="/static/yjt.png" style="width: 28rpx;height: 28rpx;" mode=""></image>
				</view>
			</view>
		</view>
		
		
		<ikz-tabbar :show-data="tabbar_Data"></ikz-tabbar>
	</view>
</template>

<script>
	import ikzLoading from '@/pages/Component/Public/Loading/loading.vue';
	import ikzMenu from '@/pages/Component/Public/Menu/public/menu/menu.vue';
	import ikzLogin from '@/pages/Component/Public/Login/public/login/login.vue';
	import ikzOrdertop from '@/pages/Component/Public/Ordertop/public/ordertop/ordertop.vue';
	import ikzTabbar from '@/pages/Component/Public/tab-bar/tab-bar.vue';
	var app = getApp( );
	import ikz from '@/pages/Common/tools.js';
	export default {
		components: {
			ikzLoading,
			ikzMenu,
			ikzLogin,
			ikzOrdertop,
			ikzTabbar
		},
		data( ) {
			return {
				exitButTrue: false,
				statement: "",
				tabbar_Data: {
					type: 0,
					list: [ ]
				},
				user_openinfo: app.globalData.user_openinfo,
				service_img: '/static/index/bg.png',
				user_info: "",
				loginData: {},
				login_css: {
					// background_color: 'linear-gradient(to right,#F8C66D, #FBAB7E)',
					// margin_top: 0,
					// bg_border_radius: 0,
					// width: 100
				},
				loading_css: {
					display: 'flex'
				},
				menu_data: {
					list: [ {
							src: '/static/personal/about.png',
							title: '关于我们',
							url: {
								path: '/pages/Component/Module/Other/Program/about/index',
								info: '无功能',
								mode: '2'
							}
						},
						{
							src: '/static/personal/phone.png',
							title: '校内客服',
							url: {
								path: 'phone#' + app.globalData.customer_mobile,
								info: '无功能',
								mode: '5'
							}
						},
						{
							src: '/static/personal/wechat.png',
							title: '平台客服',
							url: {
								path: 'contact',
								info: '无功能',
								mode: '5'
							}
						},
						{
							src: '/static/personal/cooperation.png',
							title: '合作加盟',
							url: {
								path: 'phone#' + app.globalData.customer_mobile,
								info: '无功能',
								mode: '5'
							}
						},
						{
							src: '/static/personal/agree.png',
							title: '用户协议',
							url: {
								path: '/pages/Component/Module/Other/Program/agreement/index',
								info: '无功能',
								mode: '2'
							}
						},
						{
							src: '/static/personal/help.png',
							title: '帮助中心',
							url: {
								path: '/pages/Component/Module/Other/Program/help/index/index',
								info: '无功能',
								mode: '2'
							}
						},
						{
							src: '/static/personal/feedback.png',
							title: '意见反馈',
							url: {
								path: '/pages/Component/Module/Other/Program/feedback/index',
								info: '无功能',
								mode: '2'
							}
						},
						{
							src: '/static/personal/address.png',
							title: '地址管理',
							url: {
								path: '/pages/Component/Module/Address/Program/myAddress/index',
								info: 'token',
								mode: '2'
							}
						},
					]
				},
				menu_data1: {
					list: [ {
							src: '/static/personal/receive.png',
							title: '接单员管理',
							url: {
								path: '/pages/Component/Module/Receiver/Program/home/index/index',
								info: 'token',
								mode: '2'
							}
						},
						{
							src: '/static/personal/price.png',
							title: '佣金提现',
							url: {
								path: '/pages/Component/Module/Payment/Program/withdrawal/index/index?status=2',
								info: 'token',
								mode: '2'
							}
						},
						{
							src: '/static/personal/order.png',
							title: '接单大厅',
							url: {
								path: '/pages/Component/Module/Receiver/Program/order/index/index',
								info: 'token',
								mode: '2'
							}
						},
						{
							src: '/static/personal/agree.png',
							title: '消息订阅',
							url: {
								path: '/pages/Personal/runSubscribe',
								info: 'token',
								mode: '2'
							}
						},
					]
				},
				menu_data2: {
					list: [ {
							src: '/static/personal/about.png',
							title: '管理中心',
							url: {
								path: '/pages/Component/Module/Agent/Program/home/index/index',
								info: 'token',
								mode: '2'
							}
						},
						{
							src: '/static/personal/price.png',
							title: '佣金提现',
							url: {
								path: '/pages/Component/Module/Payment/Program/withdrawal/index/index?status=3',
								info: 'token',
								mode: '2'
							}
						},
						{
							src: '/static/personal/agree.png',
							title: '消息订阅',
							url: {
								path: '/pages/Personal/agentSubscribe',
								info: 'token',
								mode: '2'
							}
						}
					]
				},
				menu_css: {
					background_color: '#fff',
					bg_border_radius: 0,
					border_radius: '50%',
					color: '#888888',
					margin_top: 15,
					num: '4',
					width: 100
				},
				number_info: {},
				run_apply_status: '',
				menu_data3:[
					{title:'接单申请',src:'/static/personal/user-jiedan.png',url:''},
					{title:'选择校区',src:'/static/personal/user-xiaoqu.png',url:'/pages/login/setxiaoqu/setxiaoqu'},
					{title:'我的地址',src:'/static/personal/user-dizi.png',url:'/pages/Component/Module/Address/Program/myAddress/index'},
					{title:'学生认证',src:'/static/personal/user-renz.png',url:''},
					{title:'商家入驻',src:'/static/personal/user-ruzhu.png',url:'/pages/Component/Module/merchant/apply/index/index'},
					{title:'店铺管理',src:'/static/personal/user-guanli.png',url:''},
					{title:'我的评价',src:'/static/personal/user-pj.png',url:'/pages/Component/Module/Other/Program/pingjia/pingjia'},
					{title:'超时记录',src:'/static/personal/user-chaoshi.png',url:'/pages/Component/Module/Other/Program/jilu/jilu'},
					{title:'设置',src:'/static/personal/user-shezhi.png',url:'/pages/Personal/set/set'},	
				],
				customer_mobile:'',
				code:''
			};
		},
		created( ) {
			// var that = this; 
		},
		onLoad( ) {
			uni.hideTabBar( )
		},
		onShow( ) {
			this.user_info = uni.getStorageSync( "user_info" )
			this.tabbar_Data.list = app.globalData.tabBarInfo
			this.tabbar_Data.type = app.globalData.tabBarInfo.length - 1
			this.goApplyPhone( );
			if ( !uni.getStorageSync( "user_info" ) ) {
				this.loading_css.display = 'none';
				return
			}
			this.loginData.user_openinfo = uni.getStorageSync( "user_info" )
			this.loginData.mobile = app.globalData.mobile || uni.getStorageSync( "user_info" ).mobile
			this.loginData.agent_area = uni.getStorageSync( "default_agent" ).title
			this.loginData.avatar = uni.getStorageSync( "user_info" ).avatar
			this.loginData.nickname = uni.getStorageSync( "user_info" ).nickname
			this.userAuth( ( res ) => {
				this.loading_css.display = 'none';
			} );
			this.orderNumber( );
			if ( uni.getStorageSync( 'local_user_session' ) ) {
				this.exitButTrue = true
				this.getBaseinfo( )
			} else {
				this.exitButTrue = false
			}
			
		},
		onPullDownRefresh( ) {
			this.goApplyPhone( );
			if ( !uni.getStorageSync( "user_info" ) ) {
				uni.stopPullDownRefresh( );
				return
			}
			this.orderNumber( );
			this.userAuth( ( res ) => {
				uni.stopPullDownRefresh( );
			} );
		},
		onShareTimeline( ) {

		},
		onShareAppMessage( ) {
			// const promise = new Promise(resolve => {
			//   setTimeout(() => {
			//     resolve({ 
			//       title: '自定义转发标题',
			//       imageUrl:'https://xybaddon.maiwd.cn/shareButton.png',
			//     }) 
			//   }, 2000)
			// }) 
			return {
				title: app.globalData.share_info.share_title,
				path: '/pages/Home/index',
				imageUrl: app.globalData.share_info.share_img,
			}
		},
		methods: {
			toguanyu(){
				uni.navigateTo({
					url:'/pages/Component/Module/Other/Program/about/index'
				})
			},
			call(){
				uni.makePhoneCall({
					phoneNumber: this.customer_mobile //仅为示例
				});

			},
			tofankui(){
				uni.navigateTo({
					url:'/pages/Component/Module/Other/Program/feedback/index'
				})
			},
			tourl(item,index){
				console.log(item,index,'123');
				if(index == 0){
					this.goApply1()
				}else if(index == 3){
					this.goApply2() 
				}else if(index == 4){
					// 商家
					this.goApply3()
				}else if(index == 5){
					uni.navigateTo({
						url:'/pages/Component/supermarket/Program/index/index'
					})
				} else{
					uni.navigateTo({
						url:item.url
					})
				}
			},
			// 跳转商家申请
			goApply3( ) {
				console.log('123');
				if ( !uni.getStorageSync( "user_info" ) ) {
					uni.navigateTo( {
						url: "/pages/login/index"
					} )
					return
				}
				var path = '/merchant/info';
				var data = {
					token: uni.getStorageSync( 'local_user_session' ),
					agent_id: uni.getStorageSync( 'default_agent' ).id || ''
				}
				ikz.post( path, data, res => {
					if ( res.data.code == 1 ) {
						//-1已驳回，0未审核，1已通过，2未申请
						if ( res.data.data.status == 1 ) {
							uni.showModal( {
								title: '提示',
								content: '已申请，无需重复申请'
							} )
						} else {
							uni.navigateTo( {
								url: '/pages/Component/Module/merchant/apply/success/index'
							} )
						} 
						this.$forceUpdate( );
					} else {
						uni.showModal( {
							title: '提示',
							content: res.data.msg,
							showCancel: false,
							success: function( res ) {}
						} );
					}
				} );
			
			},
			// 跳转学生认证
			goApply2( ) {
				console.log('123');
				if ( !uni.getStorageSync( "user_info" ) ) {
					uni.navigateTo( {
						url: "/pages/login/index"
					} )
					return
				}
				var path = '/xyb/user/auth';
				var data = {}
				ikz.post( path, data, res => {
					if ( res.data.code == 1 ) {
						//-1已驳回，0未审核，1已通过，2未申请
						if ( res.data.data.student == 0 ) {
							uni.showModal( {
								title: '提示',
								content: '已申请，无需重复申请'
							} )
						} else if ( res.data.data.student == 1 ) {
							uni.navigateTo( {
								url: '/pages/Component/Module/students/apply/success/index'
							} )
						} 
						this.$forceUpdate( );
					} else {
						uni.showModal( {
							title: '提示',
							content: res.data.msg,
							showCancel: false,
							success: function( res ) {}
						} );
					}
				} );
			
			},
			//跳转申请接单员
			goApply1( ) { 
				console.log('123');
				if ( !uni.getStorageSync( "user_info" ) ) {
					uni.navigateTo( {
						url: "/pages/login/index"
					} )
					return
				}
				var path = '/xyb/user/auth';
				var data = {}
				ikz.post( path, data, res => {
					if ( res.data.code == 1 ) {
						//-1已驳回，0未审核，1已通过，2未申请
						if ( res.data.data.run_apply_status == 1 ) {
							// uni.navigateTo( {
							// 	url: '/pages/Component/Module/Receiver/Program/home/index/index'
							// } )
							uni.showModal( {
								title: '提示',
								content: '已申请，无需重复申请'
							} )
						} else if ( res.data.data.run_apply_status == 0 ) {
							
							uni.navigateTo( {
								url: '/pages/Component/Module/Receiver/Program/apply/index/index'
							} )
						} else if ( res.data.data.run_apply_status == -1 ) {
							uni.navigateTo( {
								url: '/pages/Component/Module/Receiver/Program/apply/applyfail/index'
							} )
						}
						this.$forceUpdate( );
					} else {
						uni.showModal( {
							title: '提示',
							content: res.data.msg,
							showCancel: false,
							success: function( res ) {}
						} );
					}
				} );
			
			},
			//获取用户信息
			getBaseinfo( ) {
				var path = '/xyb/user/baseinfo';
				var data = {
					token: uni.getStorageSync( 'local_user_session' ),
					app_plat: "MP-WEIXIN"
				};
				ikz.get( path, data, res => {
					if ( res.data.code ) {
						console.log( "值是", res.data.data );
						this.customer_mobile = res.data.data.customer_mobile
						this.statement = res.data.data.applet_record_number
						var user_address = res.data.data.user_address_list
						if ( user_address.length ) {
							getApp( ).globalData.user_address.address_all = ''; //地址数据

							getApp( ).globalData.user_address.address_all = user_address; //地址数据
							for ( var i = 0; i < user_address.length; i++ ) {
								if ( user_address[ i ].defaults ) {
									getApp( ).globalData.user_address.address_default = user_address[ i ]; //默认地址
									getApp( ).globalData.user_address.address_current = user_address[ i ]; //当前
								}
							}
							if ( getApp( ).globalData.user_address.address_default == '' ) {
								getApp( ).globalData.user_address.address_default = user_address[ 0 ]; //默认地址
								getApp( ).globalData.user_address.address_current = user_address[ 0 ]; //当前
							}
						} else {
							getApp( ).globalData.user_address.address_all = ''; //地址数据
							getApp( ).globalData.user_address.address_default = ''; //默认地址
							getApp( ).globalData.user_address.address_current = ''; //当前
						}

						//设置用户信息
						if ( res.data.data.user_info.nickname ) {
							getApp( ).globalData.user_openinfo = res.data.data.user_info || {};
						} else {
							getApp( ).globalData.user_openinfo = {};
						}



					}

				} );
			},
			toqianbao( ) {
				uni.navigateTo( {
					url: '/pages/Personal/redbox/redbox'
				} )
			},
			toyouhui( ) {
				uni.navigateTo( {
					url: '/pages/Personal/yhquan/yhquan'
				} )
			},
			goApplyPhone( ) {
				var path = '/xyb/agent/phone';
				var data = {}
				if ( uni.getStorageSync( 'local_user_session' ) ) {
					ikz.post( path, data, res => {
						console.log( res, 'ssssssssssss' );
						if ( res.data.code ) {
							this.menu_data.list[ 1 ].url.path = 'phone#' + ( res.data.data && res.data.data
									.phone ) || '',
								this.$forceUpdate( );
						} else {
							uni.showModal( {
								title: '提示',
								content: res.data.msg,
								showCancel: false,
								success: function( res ) {}
							} );
						}
					} );
				}

			},
			orderNumber( ) {
				var path = '/xyb/user/center_order_count';
				var data = {}
				ikz.post( path, data, res => {
					if ( res.data.code ) {
						this.number_info = res.data.data;
						this.$forceUpdate( );
					} else {
						uni.showModal( {
							title: '提示',
							content: res.data.msg,
							showCancel: false,
							success: function( res ) {}
						} );
					}
				} );

			},
			// 退出登录 
			exitBut( ) {
				uni.showModal( {
					title: "系统提示",
					content: "确定要退出登录吗？",
					confirmColor: "#F8C66D",
					success: ( res ) => {
						if ( res.confirm ) {
							var path = '/user/logout';
							var data = {}
							ikz.post( path, data, res => {
								if ( res.data.code ) {
									uni.removeStorageSync( "local_user_session" )
									uni.removeStorageSync( "user_info" )
									uni.reLaunch( {
										url: "/pages/Personal/index"
									} )
								} else {
									uni.showModal( {
										title: '提示',
										content: res.data.msg,
										showCancel: false,
										success: function( res ) {}
									} );
								}
							} );

						}
					}
				} )
			},
			// goApply( ) {
			// 	var path = '/pages/Component/Module/Receiver/Program/apply/index/index';
			// 	ikz.nav( path, 'n', '' );
			// },
			//请求页面数据
			userAuth( fn ) {
				var path = '/xyb/user/auth';
				var data = {};
				ikz.post( path, data, res => {
					if ( res.data.code ) {
						this.user_openinfo.auth = res.data.data.auth;
						this.user_openinfo.bind_agent_id = res.data.data.bind_agent_id;
						this.user_openinfo.run_apply_status = res.data.data.run_apply_status;
					} else {
						uni.showModal( {
							title: '提示',
							content: res.data.msg,
							showCancel: false,
							success: function( res ) {}
						} );
					}
					fn( );
					// if(that.pull_status){
					// 	this.$emit("change",'pull');
					// } 
				} );
			},
		}
	};
</script>

<style lang="scss" scoped>
	.ikz-bid {
		width: 100%;
		height: 100%;
		// min-height: 100vh;
	}

	.ikz-menu-title {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		padding: 0px 30rpx 10px 50rpx;
		font-weight: 800;
	}

	.ikz-menu-title:before {
		content: " ";
		display: inline-block;
		height: 40rpx;
		width: 10rpx;
		background: #FBAB7E;
		border-radius: 15rpx;
		position: absolute;
		left: 30rpx;
		top: 0px
	}

	.ikz-top-bg {
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: -1;
		background-color: #F5F5F5;
	}

	.ikz-top-bg-img {
		width: 750rpx;
		height: 486rpx;
	}

	.qianbox {
		width: 100%;
		height: 140rpx;
		display: flex;
		justify-content: space-between;
		padding: 0 50rpx;
		box-sizing: border-box;

		.qbbox {
			width: 316rpx;
			height: 140rpx;
			background: #FFFFFF;
			border-radius: 20rpx 20rpx 20rpx 20rpx;
		}

		.yhbox {
			width: 316rpx;
			height: 140rpx;
			background: #FFFFFF;
			border-radius: 20rpx 20rpx 20rpx 20rpx;
		}
	}

	.changyongbox {
		width: 100%;
		height: 1074rpx;
		background: #F5F5F5;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		// position: relative;
		// left: 0;
		// top: -156rpx;
		// z-index: -2;
		padding-top: 34rpx;
		padding-left: 30rpx;
		box-sizing: border-box;

		.centbox {
			width: 690rpx;
			height: 520rpx;
			background: #FFFFFF;
			border-radius: 24rpx 24rpx 24rpx 24rpx;
			padding: 20rpx 30rpx;
			box-sizing: border-box;

			.gntxt {
				width: 100%;
				height: 44rpx;
				font-weight: 500;
				font-size: 30rpx;
				color: #000000;
				text-align: left;
			}

			.tubiabox {
				width: 100%;
				height: 436rpx;
				display: flex;
				flex-wrap: wrap;
				margin-top: 24rpx;

				.itembox {
					width: 96rpx;
					height: 116rpx;
					margin-right: 78rpx;
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: space-between;


					&:nth-child(4) {
						margin-right: 0; // 第四个元素移除右边距
					}

					&:nth-child(8) {
						margin-right: 0; // 第四个元素移除右边距
					}
					
					.txt{
						width: 96rpx;
						height: 36rpx;
						font-weight: 400;
						font-size: 24rpx;
						color: #000000;
						text-align: center;
					}
				}
			}
		}
		
		.fuwucard{
			width: 690rpx;
			height: 296rpx;
			background: #FFFFFF;
			border-radius: 24rpx 24rpx 24rpx 24rpx; 
			margin-top: 24rpx;
			padding: 4rpx 26rpx 0 26rpx;
			box-sizing: border-box;
			
			.itembox1{
				width: 100%;
				height: 96rpx;
				border-bottom: 1rpx solid #F5F5F5;
				display: flex;
				align-items: center;
				justify-content: space-between;
				
				.leftbox{
					width: 60%;
					height: 96rpx;
					display: flex;
					align-items: center;
					
					.title{
						margin-left: 12rpx;
						font-weight: 400;
						font-size: 28rpx;
						color: #000000;
						text-align: left;
					}
				}
			}
			.itembox{
				width: 100%;
				height: 96rpx;
				border-bottom: 1rpx solid #F5F5F5;
				display: flex;
				align-items: center;
				justify-content: space-between;
				
				.leftbox{
					width: 60%;
					height: 96rpx;
					display: flex;
					align-items: center;
					
					.title{
						margin-left: 12rpx;
						font-weight: 400;
						font-size: 28rpx;
						color: #000000;
						text-align: left;
					}
				}
			}
		}
	}
	
	

	.title_txt {
		width: 96rpx;
		height: 48rpx;
		font-weight: 500;
		font-size: 32rpx;
		color: #067CFF;
		text-align: center;
		margin: 110rpx auto 0px;
		// z-index: 2;
	}

	.ikz-menu-box {
		box-sizing: border-box;
		padding: 30rpx 0px 30rpx;
		width: 95%;
		margin: 20rpx auto 0px;
		background: #fff;
		border-radius: 15rpx;
		overflow: hidden;
	}

	.ikz-exit-but {
		padding: 28rpx 0px 28rpx;
		margin: 20rpx auto 0px;
		// background:linear-gradient(to right,#F8C66D, #FBAB7E);
		background: #fff;
		color: #FBAB7E;
		width: 95%;
		border-radius: 15rpx;
		text-align: center;
		font-size: 32rpx;
	}


	.main-statement {
		font-size: 24rpx;
		line-height: 34rpx;
		color: #8d929c;
		margin-top: 48rpx;
		text-align: center;
	}
</style>